﻿/* CSS Document  'Lucida Grande',Verdana,Tahoma/Arial,Helvetica,Sans-Serif/Verdana,Tahoma,Arial,Helvetica,sans-serif*/
.editing-datalist{    
    
    line-height: 30px;
    padding: 3px 0;}
    
    
    
.block-small {padding: 15px;width: 420px;border: 1px solid #CFCFCF;
              display: inline-block;float:left;margin-right: 10px;margin-bottom:10px;}
.block-small .bs-header{text-transform:uppercase;border-bottom: 1px dashed #CFCFCF;padding-bottom: 8px;width:100%;
                        font-family: 'lucida grande',tahoma,verdana,arial,sans-serif !important;display: inline-block;}

.block-small .bs-header .search{width:280px}
.block-small .bs-header .bt-addnew{padding:0;margin:0;width:100px;}
.block-small .bs-footer
{
    /*border-color: transparent #DDDDDD #DDDDDD transparent;
    border-style: solid;
    border-width: 1px;
    color: rgba(0, 0, 0, 0.6);
    display: table-cell;
    font-family: 'Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif;
    font-size: 11pt;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 13pt;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 10px;
    text-align: left;
    vertical-align: bottom;*/
    border-top: 1px dashed #CFCFCF;padding-top: 8px;
    }
.block-small .bs-content{line-height:30px;}
 
 
 
 
 
 
 
 
 /*image control  border: 1px solid #CFCFCF;*/

.ImageButton{border-radius: 2px 2px 2px 2px;border: 1px solid #CCCCCC;}
.ImageButton:hover{border-radius: 2px 2px 2px 2px;border: 1px solid #76adc4;background-color:#fdfff4;}

.ImageButton-16{border: 1px solid transparent !important;}
.ImageButton-16:hover{border: 1px solid #76adc4 !important;background-color:#fdfff4;}


.ImageButtonEdit-16{background-position:  -112px -95px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonEdit-32{background-position: -40px 0;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important; border:none;}
    
.ImageButtonView-16{background-position:  -192px -65px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonView-32{background-position: -40px 0;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important; border:none;}


.ImageButtonExit-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonExit-32{background-position: 0px -256px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}


.ImageButtonDelete-16{background-position:  0 -128px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonDelete-32{background-position: -384px -160px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonSave-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonSave-32{background-position: -96px -160px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonRepair-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonRepair-32{background-position: -256px -127px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonNew-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonNew-32{background-position: -256px -192px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonBack-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonBack-32{background-position: -193px -96px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonHome-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonHome-32{background-position: 0 -160px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}
.ImageNomalHome-32{background-position: 0 -160px;background-image: url("../img/opa-icons-orange32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonUpload-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonUpload-32{background-position: -96px -160px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonPermission-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonPermission-32{background-position: -96px -160px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonLock-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonLock-32{background-position: -64px -192px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonUnLock-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonUnLock-32{background-position: -96px -192px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonPrint-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonPrint-32{background-position: -64px -160px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonExportExcel-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonExportExcel-32{background-position: -416px -192px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonDataError-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonDataError-32{background-position: -128px -256px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonUnCheck-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonUnCheck-32{background-position: -352px -160px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonCheckOK-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonCheckOK-32{background-position: -76px -7px;background-image: url("../img/iconmetro.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}


.ImageButtonCheckNext-16{background-position: -33px -48px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonCheckNext-32{background-position: -76px -7px;background-image: url("../img/iconmetro.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}




/*Css table*/

th.stt{width:30px}
th.tengoi{}
th.viettat{width: 60px;}
th.tacvu{width: 80px;}


